<template>
  <div style="">
    <div style="width:300px;margin:0 auto">
      <singleButton :containList="containList1"></singleButton>
      <doubleButton :containList="containList2"></doubleButton>
    </div>
    
  </div>
</template>
<script>
import singleButton from "../../components/singleButton.vue";
import doubleButton from "../../components/doubleButton.vue";
export default {
  data() {
    return {
      containList1: [
        {
          name: "盛世桃源",
          path: "",
          remark:'隐隐飞桥隔野烟，石矾西畔问渔船。桃花尽日随流水，洞在清溪何处边。'
        },
        {
          name: "天下靖平",
          path: "",
          remark:'若有朝一日，天下靖平，吾定要……'
        },
          {
          name: "乱世荡荡",
          path: "",
          remark:'难定纷纷甲子年，千魔荡荡白阳天，苍天旨意著书命，诸子虔诚扶道颠；佛灯点亮华光现，一线生机救末年。'
        },
           {
          name: "群魔争世",
          path: "",
          remark:'夜来风横雨飞狂，满目杀戮血腥红，长剑渐归封木鞘，挥手再斩万鬼雄。'
        },
      ],
      containList2: [
        {
          name: "返回",
          path: "-1",
        },
        {
          name: "确定",
          path: 'talent',
        },
      ],
    };
  },
  components: {
    singleButton,
    doubleButton,
  },
  methods: {},
  mounted() {
  },
};
</script>
<style>
.item-card {
  margin: 40px 40px 0 40px;
}
</style>